<script setup>
import { reactive, toRefs } from 'vue';

const user = reactive({ name: 'bingo', age: 18 });
// 使用 toRefs 结构 reactive 定义的对象，继续保持响应性
const { name, age } = toRefs(user);
</script>

<template>
  <!-- <h2>{{ user.name }}, {{ user.age }}</h2> -->
  <h2>{{ name }}, {{ age }}</h2>

  <button @click="age += 1">改</button>
</template>
